<form class="form-horizontal" role="form" name="stForm">
  <div class="form-ctrl md-whiteframe-z1">
    <div class="form-search" style="height:180px;" ng-class="{true: 'shou'}[shoumun==0]">
      <div>
          <label style="width:70px">省公司</label>
          <md-select multiple ng-model="searchInfo.provinceCode" >
              <md-select-label>
                  {{searchInfo.provinceCode.length ? _getNames(searchInfo.provinceCode,'provinceName',provinces) :'全部'}}
              </md-select-label>
              <md-option ng-value="" ng-click="_checkAll(searchInfo,'provinceCode')">全部</md-option>
              <md-option ng-value="item" ng-repeat="item in provinces">{{item.provinceName}}</md-option>
          </md-select>
      </div>
      <div>
        <label style="width:50%">显示方式</label>
        <md-select  ng-model="searchInfo.viewType" placeholder='分量'>
          <md-option ng-value="view.viewType" ng-repeat="view in viewTypes">{{view.viewTypeName}}</md-option>
        </md-select>
      </div>
      <div ng-if= 'searchInfo.viewType === "1"'>
        <label style="width:50%">业务类型</label>
        <md-select  ng-model="searchInfo.businessCode" placeholder ='缴费' >
          <md-option ng-value="business.businessCode" ng-repeat="business in businessList">{{business.businessName}}</md-option>
        </md-select>
      </div>
      <div ng-if='searchInfo.viewType ==="2"'>
        <label style="width:50%">业务类型</label>
        <md-select disabled  placeholder = '不分业务' ng-model= 'abc' >
        </md-select>
      </div>
      <div>
        <md-input-container flex>
            <label >开始时间</label>
            <input  type="month" time-validate ='month' end-time="searchInfo.endTime"  ng-model="searchInfo.startTime"  name = 'startTime' required>
             <div ng-messages="stForm.startTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">{{errorInfo.startTime[0]}}</div>
               <div ng-message="too-great">{{errorInfo.startTime[1]}}</div>
            </div>
        </md-input-container >
      </div>
      <div>
        <md-input-container flex>
            <label >结束时间</label>
            <input  type="month" time-validate ='month' start-time="searchInfo.startTime"  ng-model="searchInfo.endTime"  name = "endTime" required>
             <div ng-messages="stForm.endTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">{{errorInfo.endTime[0]}} </div>
              <div ng-message="too-great">{{errorInfo.endTime[1]}}</div>
            </div>
        </md-input-container >
      </div>
    </div>
     <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show = 'flagObj&&!stForm.$invalid' ng-click="shoumun=!shoumun"></i>
    <md-button ng-click="queryData('searchButton')" ng-disabled="stForm.$invalid" class="md-fab md-primary md-hue-1" aria-label="Profile">
      <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
      <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0" ></i>
    </md-button>
  </div>
</form>
<div class="table-info">
  <div class="menus">
    <md-button aria-label="列表" class="md-raised ico-btn"  ng-click="aaa=false" >
      <img src="images/charts.png"  ng-click="queryCustomer()">
    </md-button>
    <md-button aria-label="图表" class="md-raised ico-btn" ng-click="aaa=true" >
      <img src="images/tables.png"  ng-click="queryPageCustomerFormfunction()">
    </md-button>
  </div>
  <div ng-switch on="aaa" >
    <div class="table-detail" ng-switch-when="true" ng-show='flag !== "hiddenChart"' >
      <div class="t_r">
        <div class="t_r_t" id="t_r_t">
          <div class="t_r_title">
            <table class="table table-bordered">
              <tr>
                <th width="10%">序号</th>
                <th width="20%">时间</th>
                <th width="10%">区域</th>
                <th width="20%">业务类型</th>
                <th width="20%">客户到达数</th>
                <th width="20%">客户活跃数</th>
              </tr>
            </table>
          </div>
        </div>
        <div class="t_r_content" id="t_r_content">
          <table class="table table-bordered">
            <tr ng-repeat='customer in formData' >
              <td width="10%" >{{$index+1}}</td>
              <td width="20%">{{customer.time}}</td>
              <td width="10%">{{customer.provinceName}}</td>
              <td width="20%">{{customer.businessName}}</td>
              <td width="20%">{{customer.customerArrived}}</td>
              <td width="20%">{{customer.customerActive}}</td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <div  ng-show='flag !== "hiddenChart"' ng-switch-default id='customer' style='height:550px;padding-bottom:20px'>

    </div>



  </div>
</div>